<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <script src="../../static/js/jquery-3.3.1.min.js"></script>
    <script src="../../static/js/init.js"></script>
    <link rel="stylesheet" href="../../public/global.css">
    <script src="../../public/laydate/laydate.js"></script>
    <link rel="stylesheet" href="../../public/easyhelper/css/easyhelper.min.css">
    <!-- <script src="../../public/easyhelper/js/jq.min.js"></script> -->
    <script src="../../public/easyhelper/js/jquery.transit.min.js"></script>
    <script src="../../public/easyhelper/js/es6-shim.min.js"></script>
    <script src="../../public/easyhelper/js/easyhelper.min.js"></script>
    <link rel="stylesheet" href="../../public/select/select.css">
    <script src="../../public/select/select.js"></script>
</head>
<style>
        .content {
                margin: 30px auto;
                width: 70vw;
                border: #dfdfdf solid 1px;
                /* overflow-y: scroll; */
                margin-left: 0vw;
                box-shadow: 0px 1px 10px 0px #bcbcbc
            }
        .content li {
                display: block;
                height: 40px;
                line-height: 40px;
                text-align: center;
                font-size: 14px;
                border-bottom: #e8e8e8 solid 1px;
            }
            #selectAll :hover{
            background-color: #e0e0e0
        }
        .page {
                text-align: center;
                /* margin-bottom: 200px; */
            }
        /* #selectAll{
            overflow-y: scroll;
            height: 409px;
        } */
        .helper-page-wrapper :first-child{
            width:auto!important
        }
    </style>
<body>
    <div id="side"></div>
    <div id="inner">
        <div id="top"></div>
        <div style="margin-top:-5vh">
            <div style="color:#fff;margin-left: 10vw;font-size: 1vw;margin-bottom: 3vh">
                <span style="opacity:0">消息管理</span>
            </div>
            <!-- <div style="margin-left:8.5vw;margin-top:1vh"><img src="../../public/img/line.png" alt=""></div> -->
            <div id="content">
                <div style="margin-left:3vw">
                    <div>
                        <button class="top_botton" style="margin-right: 3vw;color:#fff;font-weight: bold" id="xiaoxifabu">发布消息</button>
                        <button class="top_botton" style="color:#fff" id="xiaoxiliebiao">消息列表</button>
                    </div>
                    <div style="margin-top:5vh" id="message_fabu">
                        <div style="width:33vw;height:65vh;background-color:#fff;box-shadow: 0px 1px 10px 0px #eee;margin-right:3vw;float:left">
                            <div style="font-weight:bold;margin-left: 1vw;margin-top: 2vh">平台公告</div>
                            <div style="margin-left: 1vw;margin-top: 1vh">
                                <span style="color:#a2a2a2">主<span style="margin:0 0.4vw">标</span>题 : <input type="text" placeholder=" 请输入主标题" id="message_main_titleall"></span>
                            </div>
                            <div style="margin-left: 1vw;margin-top: 1vh">
                                <span style="color:#a2a2a2">正文内容 : 
                                    <textarea name="" id="message_main_contentall" cols="60" rows="20" style="width:24vw;height:40vh;float: right;margin-right: 2.9vw"></textarea>
                            </div>
                            <div><button style="background-color:#666;color:#fff;border-radius:5px;font-weight: bold;margin-left:26vw;margin-top:3vh" id="message_sendall">确认发送</button></div>
                        </div>
                        <div style="width:33vw;height:65vh;background-color:#fff;box-shadow: 0px 1px 10px 0px #eee;float:left">
                            <div style="font-weight:bold;margin-left: 1vw;margin-top: 2vh">商户个人公告</div>
                            <div style="margin-left: 1vw;margin-top: 1vh">
                                <span style="color:#a2a2a2">商<span style="margin:0 0.4vw">户</span>号 : 
                                <select name="" id="message_merchantNo"></select>
                            </div>
                            <div style="margin-left: 1vw;margin-top: 1vh">
                                <span style="color:#a2a2a2">主<span style="margin:0 0.4vw">标</span>题 : <input type="text" placeholder=" 请输入主标题" id="message_main_title"></span>
                            </div>
                            <div style="margin-left: 1vw;margin-top: 1vh">
                                <span style="color:#a2a2a2">正文内容 : 
                                    <textarea name="" id="message_main_content" cols="30" rows="10" style="width:24vw;height:35.5vh;float: right;margin-right: 2.9vw"></textarea>
                            </div>
                            <div><button style="background-color:#666;color:#fff;border-radius:5px;font-weight: bold;margin-left:26vw;margin-top:3vh" id="message_send">确认发送</button></div>
                        </div>
                    </div>
                    <div  style="margin-top:5vh;display: none" id="message_liebiao">
                        <div class="content">
                            <ul style="background-color:#666;color: #fff;">
                                <li style="margin-left:-1vw">
                                    <span style="width:10vw;display:inline-block">主标题</span>
                                    <span style="width:15vw;display:inline-block">内容</span>
                                    <span style="width:15vw;display:inline-block">发布时间</span>
                                    <span style="margin-left:4.5vw;display:inline-block">查看详情消息</span>
                                </li>
                            </ul>
                            <ul id="selectAll">
                            </ul>
                        </div>
                        <div class="page" id="page-3"></div> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="message_detail" style="position:absolute;left:29vw;top:26vh;display: none;background-color: #fff;width:50vw;height: 52vh;border-radius: 6px">
        <div style="width:100%;height:4vh;background-color:#ccc;color:#000;font-size: 1vw;text-align: center;padding-top: 2vh;border-top-left-radius: 6px;border-top-right-radius: 6px" id="message_title"></div>
        <div>
            <div style="width:46vw;margin-left:2vw;border-bottom:1px solid rgb(191,191,191)">
                <div id="message_content"></div>
                <div id="message_createTime" style="margin-left:38vw;font-size:1vw;margin-top:4vh;margin-bottom:1vh"></div>
            </div>
        </div>
        <div style="text-align:center;margin-top: 1vh">
            <button style="background-color:rgb(249, 29, 29);color:#fff;height:5vh;width: 4vw;border-radius: 5px" onclick="message_close()">关闭</button>
        </div> 
    </div>
</body>
<script>
var dangqian = '10';
</script>
<script src="../../public/include.js"></script>
<script src="message-admin.js"></script>
</html>